import { Tooltip, TooltipProps } from 'antd';
import React from 'react';

type Props = TooltipProps & {
  children?: React.ReactNode;
};

export const CustomTooltip: React.FC<Props> = (props) => {
  const { children, ...rest } = props;

  return (
    <Tooltip
      {...rest}
      fresh={true}
      color="#fff"
      overlayStyle={{ maxWidth: 320 }}
      overlayInnerStyle={{ padding: 8, color: '#353535' }}>
      {children}
    </Tooltip>
  );
};
